<template>
	<view>
		<Navbarbar>消息</Navbarbar>
		<view class="message-main">
			<view class="message-box">
				<view class="soso">
					<image src="/static/images/message/1.png"></image>
					<input placeholder="搜索" />
				</view>
			<view class="message-list">
					<image src="/static/images/message/tou.png"></image>
				<view class="message-item">
				<view class="ppxx">
					<text>謝謝</text>
					<text>但是</text>
				</view>
				<view class="time">23210:2</view>
					</view>
			</view>
		</view>
	</view>

	</view>
</template>

<script>
import Navbarbar from '@/components/Navbarbar/Navbarbar.vue';
export default {
	components: {
		Navbarbar
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.message-main {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	.message-box {
		// background-color: red;
		width: 90vw;
		.soso {
			margin-top: 10rpx;
			display: flex;
			align-items: center;
			border: 1px solid #c0c0c0;
			input {
				flex: 1;
				padding: 10rpx 0;
			}
			image {
				width: 40rpx;
				height: 40rpx;
				padding: 0 20rpx;
			}
		}

		}
		// soso
		.message-list{
			display: flex;
	border-bottom: 1rpx solid red;
			padding: 20rpx 0;
			 >image{
					width: 100rpx;
					height: 100rpx;
					padding-right: 20rpx;
			}
			.ppxx{
					display: flex;
				flex-flow: column;
				justify-content: space-between;
				font-size: 14rpx;
			}
			.message-item{
				flex: 1;
				display: flex;
				justify-content: space-between;
				.time{
					font-size: 12rpx;
				}
			}
		}
	}

</style>
